<template>
    <div id="app">
        <router-view/>
    </div>
</template>

<style lang="less">
    body, html {
        height: 100%;
    }

    body, ul, ol {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    /*移除el-header标签的固定高度*/
    .el-header,
    .el-footer {
        height: auto !important;
    }

    /*消除左右边距效果*/
    .qcb {
        margin: 0 -20px;
    }

    /* a标签默认样式 */
    a {
        text-decoration: none;
        color: #333;
    }

    /*滚动条样式*/
    .scrollbar {
        width: 30px;
        height: 300px;
        margin: 0 auto;
    }

    &::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

    &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(51, 51, 51, 0.31);
        background: rgba(51, 51, 51, 0.31);
    }

    &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px #c5cfd5;
        border-radius: 10px;
        background: #fff;
    }
</style>
